@charset "utf-8";
/* CSS Document */

*{
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#666666;
font-size:12px;
}
img{border:0px;}
a{text-decoration:none;}
#wrapper{
width:691px;
height:auto;
overflow:visible;
margin:auto;
margin-top:5px;
margin-bottom:5px;
background-color:#FFFFFF;
}
#header{
margin-left:8px;
margin-right:8px;
width:674px;
height:130px;
background-color:#FFFFFF;
}
	#logo{float:left;
	}
	#option{
	height:62px;	
	background-color:#9933CC;
	float:left;
	background-color:#ebebeb;
	overflow:hidden;	
	
	}
	#language{
	float:left;
	width:145px;
	padding:5px 5px 5px 5px;
	border-right:solid 1px #999999;
	height:32px;
	margin-top:8px;
	}
	#currency{
		float:left;
	width:145px;
	margin-top:8px;
	padding:5px 5px 5px 5px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #999999;
	height:32px;
	}
	#currency #cmbCurrencies{width:100px;}
	#shopping{
		float:left;
	width:145px;
	margin-top:8px;
	padding:5px 5px 5px 5px;
	padding-bottom:5px;
	border-left:solid 1px #CCCCCC;
		height:32px;
	}
		#shoppingItemCounter{color:#33CC00; font-size:10px;}
	#optLeft{
	float:left;
	background-repeat:no-repeat;
	}
	#optRight{
	float:left;
		background-repeat:no-repeat;
	}
		
	/*tool*/
	#header_padding{
	clear:both;
	height:8px;
	color:#FFFFFF;
	}
	#tool{
	clear:both;
	height:55px;
	background-color:#333333;
	border-top:solid 3px #999999;
	border-bottom:solid 3px #999999;
	
	}
	#tAuthor{
	float:left;
	width:190px;
	border-right:solid 1px #000000;
	height:45px;	
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
	#tAuthor #cmbAuthor{width:150px;}
	#tSearch{
	float:left;
	width:270px;
	height:45px;
	border-left:solid 1px #666666;
	border-right:solid 1px #000000;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	
	}
	#tMore{
	float:left;
	width:160px;
	border-left:solid 1px #666666;
		height:45px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
		#more li{
		display:inline;
		margin-left:10px;
		font-weight:bold;
		font-size:9px;
		color:#999999;
		}
		#more a{color:#CCCCCC}
		#more a:hover{color:#FF0000}
		/*left pane*/
#leftpane{
float:left;
width:208px;
height:475px;
margin-left:8px;
}
	#mnuHome{
	padding-top:10px;
	}
	#mnuNewBook{
	}
	#mnuAccount{
	}
	#mnuShoppingCart{
	}
	#mnuCheckOut{
	padding-bottom:10px;
	}
	
	#bookSearch{
	background-color:#65A1A2;
	height:69px;
	}
	#bookSearch #txtBookSearch{
	width:80px;
	}
	#rightBookSearch{float:right;}
#option_padding{
clear:both;
height:5px;
}
#banner{
float:left;
height:172px;
width:463px;
margin-left:3px;
margin-right:0px;
}
	#banner img{
	float:left;
	margin:0px;
	}
	#banner #newBookNav{
	height:20px;
	padding-top:7px;
	width:453px;
	float:left;
	font-size:9px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(../image/m29.jpg);
	background-repeat:repeat-x;
	}
	#banner #newBookNav #newFavorites{
	float:left;		
	}
	#banner #newBookNav #newFavorites li{
	display:inline;	
	padding-left:15px;
	margin-left:10px;
	background-image:url(../image/m27.jpg);
	background-repeat:no-repeat;
	background-position:0% 50%;
	}
#content{
float:left;
height:auto;
width:460px;
margin-left:8px;
margin-top:8px;
}
#content table{font-size:10px;}
#bottomNav{
background-color:#ebebeb;
height:62px;
margin-left:8px;
margin-right:8px;
vertical-align:middle;
clear:both;
}

	#bottomNav #thickHorBar{background-color:#333333; height:5px;clear:both; clear:both;}
	#bottomNav #thinkHorBar{background-color:#999999;height:3px;}
	#bottomNav li{
	display:inline;
	padding-left:8px;	
	margin-left:5px;
	font-size:9px;
	font-weight:bold;
	color:#333333;
	background-image:url(../image/m42.jpg);
	background-position:0% 50%;
	background-repeat:no-repeat;
	}
	#bottomNav ul{
	display:block;
	height:28px; float:left;
	margin-top:20px;
	}
	#bottomNav a:link{color:#000000;}
	#bottomNav a:hover{color:#FF0000;}
	#bottomNav a{color:#000000;}
	#btmLogo{float: right;margin-right:20px; margin-top:15px;}
#footer{
height:50px;
background-color:#FFFFFF;
margin-left:8px;
margin-right:8px;
font-size:10px;
}
#bottom{

}

/*class*/
.clsOption{
font-size:10px;
font-weight:bold;
color:#333333;
display:inline;
vertical-align:middle;
}
.clsTool{
font-size:9px;
font-weight:bold;
color:#999999;
display:list-item;
list-style-image:url(../image/m05.jpg);
margin-left:20px;
}
.clsMainMenuItem{
display:list-item;
list-style-image:url(../image/mnuMain_bullet.jpg);
padding-top:5px;
margin-left:50px;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
}
.clsMainMenu{
	height:27px;
	width:207px;
	background-color:#fabd00;
}

	.clsMainMenu a:link{color:#FFFFFF;	}
	.clsMainMenu a:hover{color:#990000;	}
.clsMenuHorBar{
width:207px;
height:2px;
background-image:url(../image/mnuHor_Bar.jpg);
}
.clsSubMenuItem{
height:16px;
margin-bottom:2px;
padding-left:30px;
padding-top:3px;
vertical-align:middle;
background-image:url(../image/m30.jpg);
background-repeat:no-repeat;
background-color:#E9E9E9;
font-size:11px;
color:#000000;
}
	.clsSubMenuItem a:link{color:#000000;}
	.clsSubMenuItem a:hover{color:#FF0000;}
	.clsSubMenuItem a{color:#000000;}
.midVerticle{
position:relative;
top:50%;
}
.clsFloatLeft{
float:left;
}
#book #imgBookCover{width:80px; height:100px;}

.clsBookDetails{
position:relative;
width:400px;
height:auto;
padding:5px 15px 10px 20px;
overflow:visible;
display:block;
float:left;
vertical-align:top;
}
.clsBookTop{
border-left:dotted 1px #0033CC;
border-bottom:dotted 1px #0033CC;
}
.clsBookBottom{
border-left:dotted 1px #0033CC;
border-top:dotted 1px #0033CC;
}
.clsBookTitle{
font-size:11px;
font-weight:bold;
color:#FF0000;
}
.clsOldPrice{
font-size:11px;
font-weight:bold;
text-decoration:line-through;
color:#666666;
}
.clsNewPrice{
font-size:12px;
font-weight:bold;
color:#33CC00;
}
.clsDescription{
font-size:9px;
color:#666666;
}
.clsImageLeft{
float:left;
text-align:left;
}
.clsInline_VerMidle{
display:inline;
vertical-align:middle;
}
.clsHorPadding8{
width:8px;
}
.clsVerPadding8{
height:8px;
}